Merge "Adding a bunch of hooks from wikiHow into DifferenceEngine, 2nd try"
[lhc/web/wiklou.git] / resources / src / mediawiki.skinning / content.css
index 89f8745..563db00 100644 (file)
@@ -152,6 +152,9 @@ div.thumbinner {
        background-color: #f9f9f9;
        font-size: 94%;
        text-align: center;
+       /* new block formatting context,
+        * to clear background from floating content  */
+       overflow: hidden;
 }
 
 html .thumbimage {
@@ -163,8 +166,6 @@ html .thumbcaption {
        line-height: 1.4em;
        padding: 3px;
        font-size: 94%;
-       overflow: hidden;
-       word-wrap: break-word;
        /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
        text-align: left;
 }
@@ -187,9 +188,9 @@ div.magnify a {
        /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-ltr.png);
+       background-image: url( images/magnify-clip-ltr.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
        /* Don't annoy people who copy-paste everything too much */
        -moz-user-select: none;
        -webkit-user-select: none;
@@ -198,7 +199,7 @@ div.magnify a {
 }
 
 img.thumbborder {
-       border: 1px solid #dddddd;
+       border: 1px solid #ddd;
 }
 
 /* Directionality-specific styles for thumbnails - their positioning depends on content language */
@@ -218,9 +219,9 @@ img.thumbborder {
 /* @noflip */
 .mw-content-ltr div.magnify a {
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-ltr.png);
+       background-image: url( images/magnify-clip-ltr.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
 }
 
 /* @noflip */
@@ -238,9 +239,9 @@ img.thumbborder {
 /* @noflip */
 .mw-content-rtl div.magnify a {
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-rtl.png);
+       background-image: url( images/magnify-clip-rtl.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-rtl.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-rtl.svg );
 }
 
 /* @noflip */
@@ -252,3 +253,9 @@ div.tright {
 div.tleft {
        margin: .5em 1.4em 1.3em 0;
 }
+
+/* Hide elements that are marked as "empty" according to legacy Tidy rules
+ */
+.mw-empty-elt, .mw-empty-li {
+       display: none;
+}